<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>深圳在线预约诊疗服务平台</title>
  <link rel="stylesheet" href="public/css/lib/bootstrap.min.css" tppabs="https://guahao.zjol.com.cn/public/css/lib/bootstrap.min.css">
  <link rel="stylesheet" href="public/css/lib/glider.min.css" tppabs="https://guahao.zjol.com.cn/public/css/lib/glider.min.css">
  <link rel="stylesheet" href="public/css/lib/bootstrap-datepicker.min.css" tppabs="https://guahao.zjol.com.cn/public/css/lib/bootstrap-datepicker.min.css">
  <link rel="stylesheet" href="public/css/lib/jquery-confirm.min.css" tppabs="https://guahao.zjol.com.cn/public/css/lib/jquery-confirm.min.css">
  <link rel="stylesheet" href="/at.alicdn.com/t/font_1205629_qkvn3s9pbk.css" tppabs="https://at.alicdn.com/t/font_1205629_qkvn3s9pbk.css">

  <!-- <link rel="stylesheet" href="/public/css/lib/material-icons.css">
  <link rel="stylesheet" href="/public/css/lib/bootstrap-material-design.min.css" > -->

  <link rel="stylesheet" href="public/css/global.css" tppabs="https://guahao.zjol.com.cn/public/css/global.css">
  <link rel="stylesheet" href="public/css/hospital.css" tppabs="https://guahao.zjol.com.cn/public/css/hospital.css">
  <script src="public/js/vue.js"></script>
  <script src="public/js/axios.min.js"></script>
</head>

<body>
  
    <div class="topbar">
  <div class="topbar-container row">
    <div class="col-6 topbar-user-info">
      
        <span>您好！ </span>
      <div class="col-6 topbar-user-info" id="getToken">

        <span>欢迎您！ </span>
        <a v-if="token != null" href='user_info.html' tppabs='https://guahao.zjol.com.cn/login'>用户中心</a>
        <a v-if="token == null" href='login.html' tppabs='https://guahao.zjol.com.cn/login'>请登录</a>
        <a v-if="token == null" href='register.html' tppabs='https://guahao.zjol.com.cn/register'>免费注册</a>


      </div>
      
    </div>
    <!-- <div class="col-6" style="text-align: right">
      <a href="">下载APP</a>
      <a href="">关注微信</a>
      <span>客服电话: 96068转3</span>
    </div> -->
  </div>
</div>
<!-- 顶部搜索栏 -->
<div class="topbar-header-borer-box">
  <div class="topbar-header-container">
    <div class="topbar-header">
      <a class="topbar-logo float-left" href="home.htm" tppabs="https://guahao.zjol.com.cn/home" style="width: 300px;height: 40px; display: block;"></a>
      <div class="float-left" style="margin-left: 130px; width: 600px; max-width: auto;">
        <div class="input-group topbar-search-container">
          <div class="input-group-prepend">
            <div class="dropdown topbar-search-dropdown">
              <button class="btn btn-raised btn-light dropdown-toggle" type="button" id="dropdownMenuSearch" data-toggle="dropdown"
                aria-haspopup="true" aria-expanded="false" data-id="doctor">
                医生
              </button>
              <div class="dropdown-menu" aria-labelledby="dropdownMenuSearch">
                <a class="dropdown-item"  data-id="doctor">医生</a>
                <a class="dropdown-item"  data-id="hospital">医院</a>
                <a class="dropdown-item"  data-id="department">科室</a>
                <a class="dropdown-item"  data-id="department">疾病</a>
              </div>
            </div>
          </div>
          <input type="text" class="form-control topbar-search-ipt" aria-label="search"
            aria-describedby="basic-addon1" />
          <div class="input-group-append">
            <button type="button" class="btn btn-raised btn-success topbar-search-btn" style="margin-bottom: 0;">搜&nbsp;&nbsp;&nbsp;&nbsp;索</button>
          </div>
        </div>
      </div>
    </div>
    <!-- 顶部nav栏 -->
    <div class="topbar-nav">
      <div class="row topbar-hot-ks">
        <div class="col-7">
          <i class="iconfont icon-remen" style="margin-right: 2px;"></i>
          <span>热门科室</span>
        </div>
        <div class="col-5 topbar-more-container">
          <span>更多</span>
          <i class="iconfont icon-jia1" style="margin-left: 2px;"></i>
        </div>
      </div>
      <div class="topbar-nav-container clearfix float-left">
        
        <div class="topbar-nav-active">
          <a target="_blank" href="home.htm" tppabs="https://guahao.zjol.com.cn/">首页</a>
        </div>
        
        <div class="">
          <a target="_blank" href="javascript:if(confirm('http://health.zjol.com.cn/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/'" tppabs="http://health.zjol.com.cn/">新闻</a>
        </div>
        
        <div class="">
          <a target="_blank" href="javascript:if(confirm('http://health.zjol.com.cn/zhuanti/hot/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/zhuanti/hot/'" tppabs="http://health.zjol.com.cn/zhuanti/hot/">专题</a>
        </div>
        
      </div>
    </div>
  </div>
</div>


<div style="position: relative; width: 1400px; margin: 0 auto;" class="topbar-hot-dept-container">
  <div class="row topbar-hot-ks" style="height: 48px; line-height: 48px; position: absolute; top: -50px;">
    <div class="col-7">
      <i class="iconfont icon-remen" style="margin-right: 2px;"></i>
      <span>热门科室</span>
    </div>
    <div class="col-5 topbar-more-container">
      <span>更多</span>
      <i class="iconfont icon-jia1" style="margin-left: 2px;"></i>
    </div>
  </div>
  <div class="home-first-bx clearfix topbar-hot-dept">
    <div class="home-hot-ks-container"></div>
    <div class="home-hot-more-ks clearfix">
    </div>
  </div>
</div>
      <div class="breadcrumb">
  <div class="breadcrumb-container" >
    <a href="home.htm" tppabs="https://guahao.zjol.com.cn/home">首页</a>
      <span>></span>
        <span></span>
  </div>
</div>
    
    <div class="main-container" style="padding-bottom: 40px;" id="hospitalInfo">
    <div class="hospital-info clearfix">
    <div class="hospital-info-left float-left">
      <img v-bind:src="hospitalPage.pic" v-bind:tppabs="hospitalPage.pic" alt="" srcset="" width="180" height="100">
      <div class="hostpital-info-attention clearfix">
          
            <div class="hostpital-info-attention-left no-attention"><i class="iconfont icon-aixin"></i>关注</div>
          
        <div class="hostpital-info-attention-right">{{hospitalPage.attentionData}}}</div>
      </div>
    </div>
    <div class="hospital-info-middle float-left">
      <div class="hospital-info-name">
        <span style="font-size: 20px;padding-right: 20px;">{{hospitalPage.hospitalName}}</span>
        <span class="level-tag" style="margin-right: 6px;">{{hospitalDto.gradeName}}</span>
        <span class="type-tag">{{hospitalDto.typeName}}</span>
      </div>
      <div class="hospital-info-item">
        <span>地址 : </span>
        <span>{{hospitalPage.hospitalAddress}}</span>
      </div>
      <div class="hospital-info-item">
        <span>电话 : </span>
        <span>{{hospitalPage.hospitalphone}}</span>
      </div>
      <span>简介 : </span>
      <span>{{hospitalPage.hospitaldes}}</span>
    </div>
    <div class="hospital-header-info-right float-right">
      <div class="hospital-header-info-btn">
        <div>
          <i class="iconfont icon-yiyuan"></i>
          <span>预约挂号</span>
        </div>
        <div>
          <span>预约量 : {{hospitalPage.subscribeData}}</span>
        </div>
      </div>
    </div>
  </div>
<div class="hospital-detail clearfix">
  <div class="hospital-detail-left float-left">
    <div class="hospital-search">
    <div class="input-group topbar-search-container" style="box-shadow: none;">
      <div class="input-group-prepend">
        <div class="dropdown topbar-search-dropdown">
          <select class="btn btn-light dropdown-toggle" type="button" id="dropdownMenuSearch" data-toggle="dropdown"
            aria-haspopup="true" aria-expanded="false" data-id="doctor">
            <option class="dropdown-item"   value="2" >科室</option>
            <option class="dropdown-item" value="1" selected>医生</option>
          </select>
          <div class="dropdown-menu" aria-labelledby="dropdownMenuSearch">

          </div>
        </div>
      </div>
      <input type="text" class="form-control topbar-search-ipt" aria-label="search" aria-describedby="basic-addon1" id="content"/>
      <div class="input-group-append">
        <button type="button" class="btn btn-success hosiptal-search-btn" data-hos="0571057123" id="search">搜&nbsp;&nbsp;&nbsp;&nbsp;索</button>
      </div>
    </div>
  </div>
    <div class="reservation-manual">
  <div>预约须知</div>
  <div class="reservation-manual-detail">
    <div>① 身份信息必须与就诊者保持一致；</div>
    <div>② 取消预约截止时间为<span>就诊前一日24点</span>；</div>
    <div>③ 请比号源时间提前15分钟取号；</div>
    <div>④ 上午预约号取号<span>截止时间为上午10时</span>，下午预约号取号<span>截止时间为下午3时</span>；</div>
    <div>
      
    </div>
  </div>
</div>
    <div class="hospital-dep">
      <div class="hot-header">
        <span class="hot-header-title">全部科室</span>
      </div>
      <div class="hopital-dep-detail" id="Rendering">

      </div>
    </div>
  </div>
  <div class="hospital-detail-right float-right">
    <div class="reservation-qrcode-container">
  <div style="font-size: 38px; color: #007130; font-weight: 900;"><span style="padding-right: 20px;">手机预约</span><span>随时随地</span></div>
  <div style="color: #98A2AA; font-size: 21px; line-height: 36px; text-align: center;">深圳在线预约诊疗服务平台</div>
  <div class="reservation-qrcode-box clearfix">
    <div class="float-left ">
      <div>挂号扫码关注</div>
      <div style="font-weight: bold; color: #09BB07;">“深圳在线健康网”</div>
      <div>全省<span style="font-weight: bold; color: #09BB07;">380家</span>医院提供</div>
      <div>线上号源</div>
    </div>
    <div class="float-right">
        <img src="public/img/qrcode.png" tppabs="https://guahao.zjol.com.cn/public/img/qrcode.png" style="height: 120px; width: 120px;" />
    </div>
  </div>
</div>
  </div>
</div>
    </div>
    <div class="bottom-container ">
  <div class="bottom-content clearfix">
    <div class="bottom-logo  float-left"></div>
    <div class="bottom-list float-left">
      <ul>
        <li>新闻</li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/ycxw/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/ycxw/'" tppabs="http://health.zjol.com.cn/ycxw/" target="_blank">原创新闻</a></li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/expose/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/expose/'" tppabs="http://health.zjol.com.cn/expose/" target="_blank">曝光台</a></li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/healthnews/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/healthnews/'" tppabs="http://health.zjol.com.cn/healthnews/" target="_blank">即时报</a></li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/zhuanti/hot/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/zhuanti/hot/'" tppabs="http://health.zjol.com.cn/zhuanti/hot/" target="_blank">专题报告</a></li>
      </ul>
      <ul>
        <li>母婴</li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/lbqdym/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/lbqdym/'" tppabs="http://health.zjol.com.cn/lbqdym/" target="_blank">了不起的孕妈</a></li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/hyzdz/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/hyzdz/'" tppabs="http://health.zjol.com.cn/hyzdz/" target="_blank">好运中队长</a></li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/mbjkk/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/mbjkk/'" tppabs="http://health.zjol.com.cn/mbjkk/" target="_blank">萌宝健康课</a></li>
      </ul>
      <ul>
        <li>专栏</li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/system/2016/07/04/021213005.shtml  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/system/2016/07/04/021213005.shtml'" tppabs="http://health.zjol.com.cn/system/2016/07/04/021213005.shtml" target="_blank">仁心仁术</a></li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/niuniub/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/niuniub/'" tppabs="http://health.zjol.com.cn/niuniub/" target="_blank">牛牛掰</a></li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/system/2013/08/16/019539813.shtml  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/system/2013/08/16/019539813.shtml'" tppabs="http://health.zjol.com.cn/system/2013/08/16/019539813.shtml" target="_blank">辟谣机</a></li>
      </ul>
    </div>
    <div class="bottom-info float-right clearfix">
      <div class="bottom-info-text float-left">
        <p>电话：0571-85312211</p>
        <p>扫码关注</p>
        <p>深圳在线健康网</p>
      </div>
      <div class="bottom-info-qrcode float-left">
        <img src="public/img/qrcode.png" tppabs="https://guahao.zjol.com.cn/public/img/qrcode.png" alt="">
      </div>
    </div>
  </div>
  <!-- <div>
    2018深圳在线
  </div> -->
</div>
</body>
<!-- <script src="/public/js/lib/jquery.min.js"></script> -->
<script src="public/js/lib/jquery.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/jquery.js"></script>
<script src="public/js/lib/js.cookie.min.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/js.cookie.min.js"></script>
<script src="public/js/lib/popper.min.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/popper.min.js"></script>
<script src="public/js/lib/bootstrap.min.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/bootstrap.min.js"></script>
<!-- <script src="/public/js/lib/glider.min.js"></script> -->
<script src="public/js/lib/glider.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/glider.js"></script>
<script src="public/js/lib/bootstrap-datepicker.min.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/bootstrap-datepicker.min.js"></script>
<script src="public/js/lib/bootstrap-datepicker.zh-CN.min.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/bootstrap-datepicker.zh-CN.min.js"></script>
<script src="public/js/lib/jquery-confirm.min.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/jquery-confirm.min.js"></script>
<script src="public/js/lib/md5.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/md5.js"></script>
<script src="public/js/lib/crypto.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/crypto.js"></script>
<!-- <script src="/public/js/lib/bootstrap-material-design.js" ></script> -->
<!-- <script>$(document).ready(function() { $('body').bootstrapMaterialDesign(); });</script> -->
<script src="public/js/lib/lodash.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/lodash.js"></script>
<script src="public/js/global.js" tppabs="https://guahao.zjol.com.cn/public/js/global.js"></script>
<script src="public/js/hospital.js"></script>
<script src="public/js/userPublic.js"/>
</html>